﻿@model HelloMinasan.Web.Song.ViewModels.QACommentModels


<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<link href="@Url.Content("~/Scripts/cleditor/jquery.cleditor.css")" rel="stylesheet" type="text/css" /> 
<script src="@Url.Content("~/Scripts/cleditor/jquery.cleditor.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/cleditor/jquery.cleditor.xhtml.min.js")" type="text/javascript"></script> 

<script type="text/javascript">
    $(document).ready(function () {
        var options = {
            width: 955,
            height: 400
        };

        var editor = $("#editor").cleditor(options)[0];
    });
</script>


@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
        <div class="CreateComment" style="font-size:20px; margin-top:20px; margin-bottom:20px;">
            <img src="~/Content/Images/composer.png" /> Leave a comment now
        </div>

       @* <div class="editor-field">
            @Html.EditorFor(model => model.CommentContent, new { @readonly = "readonly", style = "width: 50px; padding-left: 5px;", maxlength = 1000 })
            @Html.ValidationMessageFor(model => model.CommentContent)
        </div>*@

    <div>
        @Html.TextAreaFor(m => m.CommentContent, new {style = "width: 940px; height: 200px; padding-left: 5px;", maxlength = 1000, @class="lyricTextArea"})
        @Html.ValidationMessageFor(m => m.CommentContent)
    </div>
        <p>
            <input type="submit" value="Comment" />
        </p>
}

